{% extends 'myhome/baselogin.html' %}

{%block body%}
<div class="login-banner">
    <div class="login-main">
        <div class="login-banner-bg"><span></span><img src="/static/myhome/images/big.png"/></div>
        <div class="login-box">
            <h3 class="title">登录</h3>
            <div class="clear"></div>
            <div class="login-form">
                <form action="{% url 'myhome_login' %}" method="post">
                    {% csrf_token %}
                    <div class="user-name">
                        <label for="user"><i class="mr-icon-user"></i></label>
                        <input type="text" name="uphone" id="user" placeholder="手机">
                    </div>
                    <div class="user-pass">
                        <label for="password"><i class="mr-icon-lock"></i></label>
                        <input type="password" name="upwd" id="password" placeholder="请输入密码">
                    </div>

            </div>

            <div class="login-links">
                <label for="remember-me"><input id="remember-me" type="checkbox">记住密码</label>
                <a href="{% url 'myhome_register' %}" class="mr-fr">注册</a>
                <br/>
            </div>

            <div class="mr-cf">
                <input type="submit" name="" value="登 录" class="mr-btn mr-btn-primary mr-btn-sm">
            </div>
             </form>
            <div class="partner">
                <h3>合作账号</h3>
                <div class="mr-btn-group">
                    <li><a href="#"><i class="mr-icon-qq mr-icon-sm"></i><span>QQ登录</span></a></li>
                    <li><a href="#"><i class="mr-icon-weibo mr-icon-sm"></i><span>微博登录</span> </a></li>
                    <li><a href="#"><i class="mr-icon-weixin mr-icon-sm"></i><span>微信登录</span> </a></li>
                </div>
            </div>

        </div>
    </div>
</div>
{%endblock%}

{%block script%}
<script>
<!--    function login(){-->
<!--        var user=document.getElementById("user");           //获取账户信息-->
<!--        var password=document.getElementById("password");  //获取密码信息-->
<!--        if(user.value!=='mr' && password.value!=='mrsoft' ){-->
<!--            alert('您输入的账户或密码错误！');-->
<!--        }else{-->
<!--            alert('登录成功！');-->
<!--        }-->
<!--    }-->
</script>
{%endblock%}


